<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://brs_web.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="referrer" content="no-referrer" />

    <title>Book Store</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script src="./js/jquery.cookie.js"></script>
    <script type="text/javascript" src="./js/special.js"></script>

</head>

<body>
    <div id="wrap">

        <div class="header">
            <div class="logo">
                <a href="index.html"><img src="images/logo.gif" alt="" title="" border="0" /></a>
            </div>
            <div id="menu">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="category.html">全部书籍</a></li>
                    <li class="selected"><a href="specials.html">推荐书籍</a></li>
                </ul>
            </div>


        </div>


        <div class="center_content">
            <div class="left_content">

                <div class="title"><span class="title_icon"><img src="images/bullet1.gif" alt="" title=""/></span>特别推荐
                </div>

                <div class="special_books">
                    <div class="feat_prod_box">

                        <div class="prod_img">
                            <a href="details.html"><img src="images/prod1.gif" alt="" title="" border="0" /></a>
                        </div>

                        <div class="prod_det_box">
                            <span class="special_icon"><img src="images/special_icon.gif" alt="" title=""/></span>
                            <div class="box_top"></div>
                            <div class="box_center">
                                <div class="prod_title">Product name</div>
                                <p class="details">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
                                </p>
                                <a href="details.html" class="more">- more details -</a>
                                <div class="clear"></div>
                            </div>

                            <div class="box_bottom"></div>
                        </div>
                        <div class="clear"></div>
                    </div>


                    <div class="feat_prod_box">

                        <div class="prod_img">
                            <a href="details.html"><img src="images/prod2.gif" alt="" title="" border="0" /></a>
                        </div>

                        <div class="prod_det_box">
                            <span class="special_icon"><img src="images/special_icon.gif" alt="" title=""/></span>
                            <div class="box_top"></div>
                            <div class="box_center">
                                <div class="prod_title">Product name</div>
                                <p class="details">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
                                </p>
                                <a href="details.html" class="more">- more details -</a>
                                <div class="clear"></div>
                            </div>

                            <div class="box_bottom"></div>
                        </div>
                        <div class="clear"></div>
                    </div>


                    <div class="feat_prod_box">

                        <div class="prod_img">
                            <a href="details.html"><img src="images/prod1.gif" alt="" title="" border="0" /></a>
                        </div>

                        <div class="prod_det_box">
                            <span class="special_icon"><img src="images/special_icon.gif" alt="" title=""/></span>
                            <div class="box_top"></div>
                            <div class="box_center">
                                <div class="prod_title">Product name</div>
                                <p class="details">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
                                </p>
                                <a href="details.html" class="more">- more details -</a>
                                <div class="clear"></div>
                            </div>

                            <div class="box_bottom"></div>
                        </div>
                        <div class="clear"></div>
                    </div>


                    <div class="feat_prod_box">

                        <div class="prod_img">
                            <a href="details.html"><img src="images/prod2.gif" alt="" title="" border="0" /></a>
                        </div>

                        <div class="prod_det_box">
                            <span class="special_icon"><img src="images/special_icon.gif" alt="" title=""/></span>
                            <div class="box_top"></div>
                            <div class="box_center">
                                <div class="prod_title">Product name</div>
                                <p class="details">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
                                </p>
                                <a href="details.html" class="more">- more details -</a>
                                <div class="clear"></div>
                            </div>

                            <div class="box_bottom"></div>
                        </div>
                        <div class="clear"></div>
                    </div>


                </div>
                <div class="pagination">
                    <span class="disabled"><<</span><a href="javascript:goPage(1)" class="current">1</a><a href="javascript:goPage(2)" class="current">2</a><a href="javascript:goPage(3)">3</a>>></a>
                </div>


                <div class="clear"></div>
            </div>
            <!--end of left content-->

            <div class="right_content">
                <!-- <div class="languages_box">
                    <span class="red">Languages:</span>
                    <a href="#"><img src="images/gb.gif" alt="" title="" border="0" /></a>
                    <a href="#"><img src="images/fr.gif" alt="" title="" border="0" /></a>
                    <a href="#"><img src="images/de.gif" alt="" title="" border="0" /></a>
                </div>
                <div class="currency">
                    <span class="red">Currency: </span>
                    <a href="#">GBP</a>
                    <a href="#">EUR</a>
                    <a href="#"><strong>USD</strong></a>
                </div> -->

                <div class="cart">
                    <div class="home_cart_content">
                        <span id="userName" style="font-size: 20px; margin-right: 20px;">你好游客</span> <span class="red"><a href="register.html">注册</a></span>
                        <span class="red" style="margin-left: 20px" id="login"><a href="myaccount.html">登陆</a></span>
                        <span class="red" style="margin-left: 20px" id="logout"><a onclick="javascript:logout();">注销</a></span>
                    </div>

                </div>


                <div class="title"><span class="title_icon"><img src="images/bullet3.gif" alt="" title=""/></span>关于我们
                </div>
                <div class="about">
                    <p>
                        <img src="images/about.gif" alt="" title="" class="right" /> 歌德曾经说过：“读一本好书,就是和一位品德高尚的人谈话.”是的,读好书,就像结交了良师益友,使我们获益匪浅；读好书,就像沐浴在温暖的春风里,使我们心旷神怡；读好书,就像找到了快乐的源泉,使我们领悟到快乐的真谛!
                    </p>

                </div>

                <div class="right_box">

                    <div class="title"><span class="title_icon"><img src="images/bullet4.gif" alt="" title=""/></span>随便看看
                    </div>
                    <div class="rand_books">
                        <div class="new_prod_box">
                            <a href="details.html">product name</a>
                            <div class="new_prod_bg">
                                <span class="new_icon"><img src="images/promo_icon.gif" alt="" title=""/></span>
                                <a href="details.html"><img src="images/thumb1.gif" alt="" title="" class="thumb" border="0" /></a>
                            </div>
                        </div>

                        <div class="new_prod_box">
                            <a href="details.html">product name</a>
                            <div class="new_prod_bg">
                                <span class="new_icon"><img src="images/promo_icon.gif" alt="" title=""/></span>
                                <a href="details.html"><img src="images/thumb2.gif" alt="" title="" class="thumb" border="0" /></a>
                            </div>
                        </div>

                        <div class="new_prod_box">
                            <a href="details.html">product name</a>
                            <div class="new_prod_bg">
                                <span class="new_icon"><img src="images/promo_icon.gif" alt="" title=""/></span>
                                <a href="details.html"><img src="images/thumb3.gif" alt="" title="" class="thumb" border="0" /></a>
                            </div>
                        </div>

                    </div>

                </div>

                <div class="right_box">

                    <!-- <div class="title"><span class="title_icon"><img src="images/bullet5.gif" alt="" title=""/></span>种类
                    </div>

                    <ul class="list">
                        <li><a href="#">accesories</a></li>
                        <li><a href="#">books gifts</a></li>
                        <li><a href="#">specials</a></li>
                        <li><a href="#">hollidays gifts</a></li>
                        <li><a href="#">accesories</a></li>
                        <li><a href="#">books gifts</a></li>
                        <li><a href="#">specials</a></li>
                        <li><a href="#">hollidays gifts</a></li>
                        <li><a href="#">accesories</a></li>
                        <li><a href="#">books gifts</a></li>
                        <li><a href="#">specials</a></li>
                    </ul>

                    <div class="title"><span class="title_icon"><img src="images/bullet6.gif" alt="" title=""/></span>Partners
                    </div>

                    <ul class="list">
                        <li><a href="#">accesories</a></li>
                        <li><a href="#">books gifts</a></li>
                        <li><a href="#">specials</a></li>
                        <li><a href="#">hollidays gifts</a></li>
                        <li><a href="#">accesories</a></li>
                        <li><a href="#">books gifts</a></li>
                        <li><a href="#">specials</a></li>
                        <li><a href="#">hollidays gifts</a></li>
                        <li><a href="#">accesories</a></li>
                    </ul> -->

                </div>


            </div>
            <!--end of right content-->


            <div class="clear"></div>
        </div>
        <!--end of center content-->


        <div class="footer">
            <div class="left_footer"><img src="images/footer_logo.gif" alt="" title="" /><br/> <a href="http://www.cssmoban.com/" title="free templates">cssmoban</a></div>
            <!-- <div class="right_footer">
                <a href="#">home</a>
                <a href="#">about us</a>
                <a href="#">services</a>
                <a href="#">privacy policy</a>
                <a href="#">contact us</a>

            </div> -->


        </div>


    </div>

</body>

</html>